<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="<?php echo __PUBLIC__ ?>/layui/css/layui.css">
	<script type="text/javascript" src="<?php echo __PUBLIC__ ?>/layui/layui.js"></script>
</head>
<body>
<!-- <table class="layui-table" lay-even  lay-size="sm">
  <colgroup>
    <col width="150">
    <col width="200">
    <col>
  </colgroup>
  <thead>
    <tr>
      <th>昵称</th>
      <th>加入时间</th>
      <th>签名</th>
    </tr> 
  </thead>
  <tbody>
    <tr>
      <td>贤心</td>
      <td>2016-11-29</td>
      <td>人生就像是一场修行</td>
    </tr>
    <tr>
      <td>许闲心</td>
      <td>2016-11-28</td>
      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
    </tr>
    <tr>
      <td>贤心</td>
      <td>2016-11-29</td>
      <td>人生就像是一场修行</td>
    </tr>
    <tr>
      <td>许闲心</td>
      <td>2016-11-28</td>
      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
    </tr>
  </tbody>
</table> -->

<form class="layui-form" action="">
  <div class="layui-form-item">
    <label class="layui-form-label">邮箱</label>
    <div class="layui-input-block">
      <input type="text" name="title" required  lay-verify="required" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
    </div>
  </div>

   <label class="layui-form-label">手机</label>
    <div class="layui-input-block">
      <input type="text" name="phone" required  lay-verify="phone" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="add">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>
<div class="layui-progress" lay-showPercent="true">
  <div class="layui-progress-bar layui-bg-red" lay-percent="33%"></div>
</div>

<div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->
  <input type="text" class="layui-input" id="xbs">
</div>

<script>
//Demo
	layui.use(['form','jquery','layer','element','laydate'], function(){
	  var form = layui.form;
	  var $ = layui.jquery;

	  var layer = layui.layer;

	  var element = layui.element;

	   var laydate = layui.laydate;


	  laydate.render({
	    elem: '#xbs' //指定元素
	  });





	  // layer.alert('内容yp shdfsdfsdffs');
	  // 
	  // layer.msg('不开心。。', {icon: 1});
	  
	  layer.msg('玩命卖萌中', function(){
		//关闭后的操作
		});
	  // //监听提交
	  // form.on('submit(add)', function(data){
	  // 	console.log(data);

	  // 	// $.ajax({
	  // 	// 	url: './sdfsdf.php',
	  // 	// 	type: 'POST',
	  // 	// 	dataType: 'json',
	  // 	// 	data: data.field,
	  // 	// })
	  // 	// .done(function() {
	  // 	// 	console.log("success");
	  // 	// })
	  // 	// .fail(function() {
	  // 	// 	console.log("error");
	  // 	// })
	  // 	// .always(function() {
	  // 	// 	console.log("complete");
	  // 	// });
	  	

	  //   // layer.msg(JSON.stringify(data.field));
	  //   return false;
	  // });
	});
</script>
</body>
</html>